<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> -->
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"/> -->
    <link rel="stylesheet" href="css/book.min.css" >
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/swiper-bundle.min.css"/>
    <link rel="stylesheet" href="css/book.css">
    <title>豆瓣读书</title>
  </head>
  <body>
    <!-- <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" ></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" ></script> -->
    <div class="container-fluid" >
        <div class="row row-cols-3" id="B1">
            <div class="col-sm-2" >
                <a href="https://www.douban.com/" id="YS">豆瓣</a>
                <a href="https://book.douban.com/"  id="YS">读书</a>
                <a href="https://movie.douban.com/" id="YS">电影</a>
                <a href="https://music.douban.com/" id="YS">音乐</a>
                <a href="https://www.douban.com/location/xian/" id="YS">同城</a>
            </div>
            <div class="col-sm-8" >
                <a href="https://www.douban.com/group/explore" id="YS">小组</a>
                <a href="https://read.douban.com/?dcs=top-nav&dcm=douban" id="YS">阅读</a>
                <a href="https://fm.douban.com/user-guide" id="YS">FM</a>
                <a href="https://m.douban.com/time/?dt_time_source=douban-web_top_nav" id="YS">时间</a>
                <a href="https://market.douban.com/?utm_campaign=douban_top_nav&utm_source=douban&utm_medium=pc_web" id="YS">豆品</a>
            </div>
            <div class="col-sm-2" >
                <a href="https://www.douban.com/doubanapp/frodo?channel=top-nav&referer=https%3A%2F%2Fbook.douban.com%2F&wechat=0&os=Windows" id="YS1" >下载豆瓣客户端</a>
                <a href="https://accounts.douban.com/passport/login?source=book" style="float: right; width: 100px;" id="YS1">登录/注册</a>
            </div>
        </div>
        <div class="row row-cols-3" id="BJ">
            <div class="col-sm-2" ></div>
            <div class="col-sm-8" >
                <div class="row row-cols-3" >
                    <div class="col-sm-8" >
                        <div class="row row-cols-1" >
                            <div class="col-sm-12" >
                                <div class="row row-cols-2" >
                                    <div class="col-sm-3" id="DS"><a href="https://book.douban.com/"></a></div>
                                    <div class="col-sm-9" id="G">
                                        <span><input type="text" placeholder="书名、作者、ISBN" id="WBK"></span>
                                        <span><img src="img/按钮.png" id="ANDX"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row row-cols-1" >
                            <div class="col-sm-12" >
                                <a href="https://book.douban.com/cart" id="YS2">购书单 </a>
                                <a>&nbsp;</a>
                                <a href="https://book.douban.com/cart" id="YS2">电子图书 </a>
                                <a>&nbsp;</a>
                                <a href="https://market.douban.com/book/?utm_campaign=book_nav_freyr&utm_source=douban&utm_medium=pc_web" id="YS2">豆瓣书店</a>
                                <a>&nbsp;</a>
                                <a href="https://book.douban.com/annual/2021?source=navigation" id="YS2">2021年度榜单 </a>
                                <a>&nbsp;</a>
                                <a href="https://www.douban.com/standbyme/2021?fullscreen=true&hidenav=true&autorotate=false&source=book_navigation" id="YS2">2021书影音报告</a>
                                <a>&nbsp;</a>
                                <span><span><img src="img/购物车.png"></span><a href="https://accounts.douban.com/" id="YS2">购物车</a></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-1" ></div>
                    <div class="col-sm-3" ><a href="https://book.douban.com/annual/2021?source=book_navigation"><img src="img/读单.png" id="DD"></a></div>
                </div>
            </div>
            <div class="col-sm-2" ></div>
        </div>
        <div class="row row-cols-3" >
            <div class="col-sm-2" ></div>
            <div class="col-sm-8" id="BJ3"></div>
            <div class="col-sm-2" ></div>
        </div>
        <div class="row row-cols-4" >
            <div class="col-sm-2" ></div>
            <div class="col-sm-6" id="BKX">
                <span id="WZJC">新书速递</span>
                <span>&nbsp;</span>
                <a href="" id="WZDX">全部</a>
                <span>&nbsp;</span>
                <a href="" id="WZDX">文学</a>
                <span>&nbsp;</span>
                <a href="" id="WZDX">小说</a>
                <span>&nbsp;</span>
                <a href="" id="WZDX">历史文化</a>
                <span>&nbsp;</span>
                <a href="" id="WZDX">社会纪实</a>
                <span>&nbsp;</span>
                <a href="" id="WZDX">科学新知</a>
                <span>&nbsp;</span>
                <a href="" id="WZDX">艺术设计</a>
                <span>&nbsp;</span>
                <a href="" id="WZDX">商业经管</a>
                <span>&nbsp;</span>
                <a href="" id="WZDX">绘本漫画</a>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
                <span>&nbsp;</span>
                <a href="https://book.douban.com/latest?tag=%E5%85%A8%E9%83%A8" id="ZTDX">更多»</a>
            </div>
            <div class="col-sm-2" ></div>
            <div class="col-sm-2" ></div>
        </div>
        <div class="row row-cols-4" >
            <div class="col-sm-2" ></div>
            <div class="col-sm-6" >
                <div class="row row-cols-1" >
                    <div class="col-sm-12" id="FD">
                        <div class="swiper mySwiper">
                            <div class="swiper-wrapper">
                              <div class="swiper-slide">
                                <div class="container-fluid">
                                  <div class="row row-cols-6" >
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.1.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">至少还有书</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.2.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">苏联解体记</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.3.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">现代政治</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.4.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">感知·理知</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.5.jpg" id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">漫长的战败</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.6.jpg" id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">福尔摩斯探案</a></div>
                                    </div>
                                </div>
                                <div class="row row-cols-6" >
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.7.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">福尔摩斯探案</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.8.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">两位严肃女士</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.9.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">岛渚与日本</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.10.jpg" id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">唐代中书</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.11.jpg" id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">怪奇故事集</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.12.jpg" id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">倭五王</a></div>
                                    </div>
                                </div>
                                </div>
                              </div>
                              <div class="swiper-slide">
                                <div class="container-fluid" >
                                <div class="row row-cols-6" >
                                  <div class="col-sm-2" >
                                      <div ><a href=""><img src="img/5.13.jpg" id="TPDX2"></a></div>
                                      <div><a href="" id="ZTDX">理解人生</a></div>
                                  </div>
                                  <div class="col-sm-2" >
                                    <div ><a href=""><img src="img/5.14.jpg" id="TPDX2"></a></div>
                                    <div><a href="" id="ZTDX">米拉的猜想</a></div>
                                </div>
                                  <div class="col-sm-2" >
                                      <div ><a href=""><img src="img/5.15.jpg" id="TPDX2"></a></div>
                                      <div><a href="" id="ZTDX">山魋考残编</a></div>
                                  </div>
                                  <div class="col-sm-2" >
                                      <div ><a href=""><img src="img/5.16.jpg" id="TPDX2"></a></div>
                                      <div ><a href="" id="ZTDX">潮汐图</a></div>
                                  </div>
                                  <div class="col-sm-2" >
                                      <div ><a href=""><img src="img/5.17.jpg" id="TPDX2"></a></div>
                                      <div ><a href="" id="ZTDX">爱，需要学习</a></div>
                                  </div>
                                  <div class="col-sm-2" >
                                      <div ><a href=""><img src="img/5.18.jpg" id="TPDX2"></a></div>
                                      <div ><a href="" id="ZTDX">身体由我</a></div>
                                  </div>
                              </div>
                              <div class="row row-cols-6" >
                                  <div class="col-sm-2" >
                                      <div ><a href=""><img src="img/5.19.jpg" id="TPDX2"></a></div>
                                      <div><a href="" id="ZTDX">很久很久以前</a></div>
                                  </div>
                                  <div class="col-sm-2" >
                                    <div ><a href=""><img src="img/5.20.jpg" id="TPDX2"></a></div>
                                    <div><a href="" id="ZTDX">平安小猪</a></div>
                                </div>
                                  <div class="col-sm-2" >
                                      <div ><a href=""><img src="img/5.21.jpg" id="TPDX2"></a></div>
                                      <div><a href="" id="ZTDX">羌在汉藏之间</a></div>
                                  </div>
                                  <div class="col-sm-2" >
                                      <div ><a href=""><img src="img/5.22.jpg" id="TPDX2"></a></div>
                                      <div><a href="" id="ZTDX">关于猫</a></div>
                                  </div>
                                  <div class="col-sm-2" >
                                      <div ><a href=""><img src="img/5.23.jpg" id="TPDX2"></a></div>
                                      <div ><a href="" id="ZTDX">生死疲劳</a></div>
                                  </div>
                                  <div class="col-sm-2" >
                                      <div ><a href=""><img src="img/5.24.jpg" id="TPDX2"></a></div>
                                      <div ><a href="" id="ZTDX">山海经校注</a></div>
                                  </div>
                                  </div>
                              </div>
                              </div>
                              <div class="swiper-slide">
                                <div class="container-fluid" >
                                  <div class="row row-cols-6" >
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.25.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">镰刀与城市</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.26.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">如何阅读</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.27.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">被忘录</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.28.jpg" id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">超越期待</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.29.jpg" id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">贝克特书信集</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.30.jpg" id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">天才与天才</a></div>
                                    </div>
                                </div>
                                <div class="row row-cols-6" >
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.31.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">身体、空间</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.32.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">居酒屋的诞生</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.33.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">你的牙齿</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.34.jpg" id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">莱姆狂想曲</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.35.jpg" id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">上校的大衣</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.36.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">操作型父母</a></div>
                                    </div>
                                    </div>
                                </div>
                              </div>
                              <div class="swiper-slide">
                                <div class="container-fluid" >
                                  <div class="row row-cols-6" >
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.37.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">谜影</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.38.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">死梦者之歌</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.39.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">价格革命</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.40.jpg" id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">宋代中国</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.41.jpg" id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">二手世界</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.42.jpg"id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">地狱里的希望</a></div>
                                    </div>
                                </div>
                                <div class="row row-cols-6" >
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.43.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">全球海盗史</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.44.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">长崎看不见</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.45.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">中国环境史</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.46.jpg" id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">电影中的东京</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.47.jpg" id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">钱理群讲鲁迅</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.48.jpg" id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">装腔启示录</a></div>
                                    </div>
                                    </div>
                                </div>
                              </div>
                              <div class="swiper-slide">
                                <div class="container-fluid" >
                                  <div class="row row-cols-6" >
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.49.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">初为人母</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.50.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">中国建筑</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.51.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">天才与天才之间.</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.52.jpg" id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">音的记忆</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.53.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">看不见的日本</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.54.jpg" id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">漫长的战败</a></div>
                                    </div>
                                </div>
                                <div class="row row-cols-6" >
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.55.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">二手世界</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.56.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">地狱里的希望</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.57.jpg" id="TPDX2"></a></div>
                                        <div><a href="" id="ZTDX">运气的诱惑</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.58.jpg" id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">女孩们的地下</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.59.jpg" id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">工作：巨变时</a></div>
                                    </div>
                                    <div class="col-sm-2" >
                                        <div ><a href=""><img src="img/5.60.jpg" id="TPDX2"></a></div>
                                        <div ><a href="" id="ZTDX">萨哈林旅行记</a></div>
                                    </div>
                                    </div>
                                </div>
                              </div>
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                            <div class="swiper-pagination" ></div>
                          </div>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" >
                        <a href=""><img src="img/日历.jpg" id="RLDX"></a>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" id="WZJC">图书资讯</div>
                </div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" >
                        <div class="swiper mySwiper" id="LBBKX">
                            <div class="swiper-wrapper">
                              <div class="swiper-slide">
                                <div class="container-fluid" >
                                    <div class="row row-cols-2" >
                                        <div class="col-sm-9" >
                                            <div><a href="" id="WZDX1">筑就妥协:亨利·茂飞和他的“适应性建筑”</a></div>
                                            <div>
                                                <a href="" id="WZDX">文化发展出版社</a>
                                            </div>
                                            <div id="ZTDX5">亨利·茂飞，一个隐藏在梁思成、吕彦直、童焦、范文照、杨廷宝背后的名字。他是北京</div>
                                            <div id="ZTDX5">大学、清华大学、复旦大学、金陵女大校园设计师、民国首都南京城市规划的首席顾问，</div>
                                            <div id="ZTDX5">也是第一个在战火中复兴中国建筑的外国人。<a href="">...</a></div>
                                        </div>
                                        <div class="col-sm-3" ><img src="img/6.1.jpg" id="TPDX4"></div>
                                    </div>
                                </div>
                              </div>
                              <div class="swiper-slide">
                                <div class="container-fluid" >
                                    <div class="row row-cols-2" >
                                        <div class="col-sm-9" >
                                            <div><a href="" id="WZDX1">《王羲之放鹅记》序:像穿越时空的“瑞龙脑"异香</a></div>
                                            <div>
                                                <a href="" id="WZDX">纸上造物</a>
                                            </div>
                                            <div id="ZTDX5">序:像穿越时空的“瑞龙脑"异香王这么|文叶行一晚饭后有时候遛达到我家来，坐下来</div>
                                            <div id="ZTDX5">谈他的发财大计，炒房炒地，风投融资，实体上市，最不济也是开个披萨连锁店，头年利</div>
                                            <div id="ZTDX5">润一百万，转过年翻番。他走后我们夜里睡<a href="">...</a></div>
                                        </div>
                                        <div class="col-sm-3" ><img src="img/6.2.jpg" id="TPDX4"></div>
                                    </div>
                                </div>
                              </div>
                              <div class="swiper-slide">
                                <div class="container-fluid" >
                                    <div class="row row-cols-2" >
                                        <div class="col-sm-9" >
                                            <div><a href="" id="WZDX1">“我相信文学作品的效力，并不取决于智识，而是取决于意愿”</a></div>
                                            <div>
                                                <a href="" id="WZDX">后浪文学</a>
                                            </div>
                                            <div id="ZTDX5">后浪文学:近日，我们出版了黎幺的《山魑考残编》，是围绕着一个失落在历史深处的异</div>
                                            <div id="ZTDX5">族魑阴族和一本奇书《山魑考》展开的长篇故事。关于这本书和相关的话题，其实很早</div>
                                            <div id="ZTDX5">之前方岩和黎幺就曾进行过对谈，我们觉得其中.…<a href="">...</a></div>
                                        </div>
                                        <div class="col-sm-3" ><img src="img/6.3.jpg" id="TPDX4"></div>
                                    </div>
                                </div>
                              </div>
                              <div class="swiper-slide">
                                <div class="container-fluid" >
                                    <div class="row row-cols-2" >
                                        <div class="col-sm-9" >
                                            <div><a href="" id="WZDX1">为什么要走进那个午夜？| 《切尔诺贝利的午夜》译者手记</a></div>
                                            <div>
                                                <a href="" id="WZDX">一页</a>
                                            </div>
                                            <div id="ZTDX5">进入正题之前，让我们先来调—支酒:取一支长饮杯，用碎冰加满，注入伏特加至杯沿</div>
                                            <div id="ZTDX5">最后倒入少许橙味苏打水。这样，你就得到了一杯据说是滚石乐队吉他手基思·理查兹80</div>
                                            <div id="ZTDX5">年代时最喜欢的鸡尾酒，它的名字，叫"核废料(Nuclear Waste) "。<a href="">...</a></div>
                                        </div>
                                        <div class="col-sm-3" ><img src="img/6.4.webp" id="TPDX4"></div>
                                    </div>
                                </div>
                              </div>
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                            <div class="swiper-pagination"></div>
                          </div>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" id="BKX">
                        <span id="WZJC">最受关注图书榜</span>
                        <span>&nbsp;</span>
                        <a href="" id="WZDX2">全部</a>
                        <span>&nbsp;</span>
                        <a href="" id="WZDX2">文学</a>
                        <span>&nbsp;</span>
                        <a href="" id="WZDX2">小说</a>
                        <span>&nbsp;</span>
                        <a href="" id="WZDX2">历史文化</a>
                        <span>&nbsp;</span>
                        <a href="" id="WZDX2">社会纪实</a>
                        <span>&nbsp;</span>
                        <a href="" id="WZDX2">科学新知</a>
                        <span>&nbsp;</span>
                        <a href="" id="WZDX2">艺术设计</a>
                        <span>&nbsp;</span>
                        <a href="" id="WZDX2">影视戏剧</a>
                        <span>&nbsp;</span>
                        <span>&nbsp;</span>
                        <span>&nbsp;</span>
                        <span>&nbsp;</span>
                        <span>&nbsp;</span>
                        <span>&nbsp;</span>
                        <span>&nbsp;</span>
                        <span>&nbsp;</span>
                        <span>&nbsp;</span>
                        <span>&nbsp;</span>
                        <span>&nbsp;</span>
                        <span>&nbsp;</span>
                        <a href="https://book.douban.com/latest?tag=%E5%85%A8%E9%83%A8" id="ZTDX">更多»</a>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div class="row row-cols-2" >
                    <div class="col-sm-6" >
                        <div class="row row-cols-2" >
                            <div class="col-sm-3" >
                                <div id="TPJZ"><a href=""><img src="img/1.1.jpg" id="TPDX1"></a></div>
                            </div>
                            <div class="col-sm-9" >
                                <div><a href="" id="WZDX1">从零开始的女性主义</a></div>
                                <div><img src="img/星.png"></div>
                                <div id="ZTDX3">作者：[日] 上野千鹤子 / [日] 田房永子</div>
                                <div><span id="DZS">有电子书</span></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6" >
                        <div class="row row-cols-2" >
                            <div class="col-sm-3" >
                                <div id="TPJZ"><a href=""><img src="img/1.2.jpg" id="TPDX1"></a></div>
                            </div>
                            <div class="col-sm-9" >
                                <div><a href="" id="WZDX1">第一人称单数</a></div>
                                <div><img src="img/星.png"></div>
                                <div id="ZTDX3">作者：[日]村上春树</div>
                                <div><span id="DZS">有电子书</span></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div class="row row-cols-2" >
                    <div class="col-sm-6" >
                        <div class="row row-cols-2" >
                            <div class="col-sm-3" >
                                <div id="TPJZ"><a href=""><img src="img/1.3.jpg" id="TPDX1"></a></div>
                            </div>
                            <div class="col-sm-9" >
                                <div><a href="" id="WZDX1">也许你该找个人聊聊</a></div>
                                <div><img src="img/星.png"></div>
                                <div id="ZTDX3">作者：[美]洛莉·戈特利布</div>
                                <div id="ZTDX3">心理治疗</div>
                                <div><span id="DZS">有电子书</span></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6" >
                        <div class="row row-cols-2" >
                            <div class="col-sm-3" >
                                <div id="TPJZ"><a href=""><img src="img/1.4.jpg" id="TPDX1"></a></div>
                            </div>
                            <div class="col-sm-9" >
                                <div><a href="" id="WZDX1">素食者</a></div>
                                <div><img src="img/星.png"></div>
                                <div id="ZTDX3">作者：[韩] 韩江</div>
                                <div><span id="DZS">有电子书</span></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div class="row row-cols-2" >
                    <div class="col-sm-6" >
                        <div class="row row-cols-2" >
                            <div class="col-sm-3" >
                                <div id="TPJZ"><a href=""><img src="img/1.5.jpg" id="TPDX1"></a></div>
                            </div>
                            <div class="col-sm-9" >
                                <div><a href="" id="WZDX1">置身事内：中国政府与经济发展</a></div>
                                <div><img src="img/星.png"></div>
                                <div id="ZTDX3">作者：兰小欢</div>
                                <div id="ZTDX3">政治经济学 / 中国研究</div>
                                <div><span id="DZS">有电子书</span></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6" >
                        <div class="row row-cols-2" >
                            <div class="col-sm-3" >
                                <div id="TPJZ"><a href=""><img src="img/1.6.jpg" id="TPDX1"></a></div>
                            </div>
                            <div class="col-sm-9" >
                                <div><a href="" id="WZDX1">克拉拉与太阳</a></div>
                                <div><img src="img/星.png"></div>
                                <div id="ZTDX3">作者：[英] 石黑一雄</div>
                                <div id="ZTDX3">人工智能 / 英国文学</div>
                                <div><span id="DZS">有电子书</span></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div class="row row-cols-2" >
                    <div class="col-sm-6" >
                        <div class="row row-cols-2" >
                            <div class="col-sm-3" >
                                <div id="TPJZ"><a href=""><img src="img/1.7.jpg" id="TPDX1"></a></div>
                            </div>
                            <div class="col-sm-9" >
                                <div><a href="" id="WZDX1">桶川跟踪狂杀人事件</a></div>
                                <div><img src="img/星.png"></div>
                                <div id="ZTDX3">作者：[日] 清水洁</div>
                                <div id="ZTDX3">纪实 / 日本</div>
                                <div><span id="DZS">有电子书</span></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6" >
                        <div class="row row-cols-2" >
                            <div class="col-sm-3" >
                                <div id="TPJZ"><a href=""><img src="img/1.8.jpg" id="TPDX1"></a></div>
                            </div>
                            <div class="col-sm-9" >
                                <div><a href="" id="WZDX1">工作、消费主义和新穷人</a></div>
                                <div><img src="img/星.png"></div>
                                <div id="ZTDX3">作者：[英]齐格蒙特·鲍曼</div>
                                <div><span id="DZS">有电子书</span></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div class="row row-cols-2" >
                    <div class="col-sm-6" >
                        <div class="row row-cols-2" >
                            <div class="col-sm-3" >
                                <div id="TPJZ"><a href=""><img src="img/1.9.jpg" id="TPDX1"></a></div>
                            </div>
                            <div class="col-sm-9" >
                                <div><a href="" id="WZDX1">鄙视</a></div>
                                <div><img src="img/星.png"></div>
                                <div id="ZTDX3">作者：[意] 阿尔贝托·莫拉维亚</div>
                                <div id="ZTDX3">婚姻 / 小说</div>
                                <div><span id="DZS">有电子书</span></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6" >
                        <div class="row row-cols-2" >
                            <div class="col-sm-3" >
                                <div id="TPJZ"><a href=""><img src="img/1.10.jpg" id="TPDX1"></a></div>
                            </div>
                            <div class="col-sm-9" >
                                <div><a href="" id="WZDX1">海边的房间</a></div>
                                <div><img src="img/星.png"></div>
                                <div id="ZTDX3">作者：黄丽群</div>
                                <div id="ZTDX3">台湾文学 / 短篇小说</div>
                                <div><span id="DZS">有电子书</span></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div>&nbsp;</div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" id="BKX">
                        <span id="WZJC">豆瓣书店</span>
                        <span>&nbsp;</span>
                        <a href="https://book.douban.com/latest?tag=%E5%85%A8%E9%83%A8" id="ZTDX">查看全部»</a>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div class="row row-cols-2" >
                    <div class="col-sm-3" >
                        <div id="TPJZ"><a href=""><img src="img/2.1.png" id="TSDX"></a></div>
                    </div>
                    <div class="col-sm-9" >
                        <div>&nbsp;</div>
                        <div id="ZTDX4">万叶集365 
                        <span>&nbsp;</span>
                        <span id="ZTYS">￥51.00 ／包邮</span></div>
                        <div>&nbsp;</div>
                        <div id="ZTYS1">恒远悠久的经典和歌选集 美丽与哀愁的日式生活情状</div>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div class="row row-cols-5" >
                    <div class="col-sm-2" >
                        <div id="TPJZ"><a href=""><img src="img/2.2.png" id="TPDX2"></a></div>
                        <div><a href="" id="ZTDX">奈良美智：始于</a></div>
                        <div id="ZTDX5">￥188.00</div>
                    </div>
                    <div class="col-sm-2" >
                        <div id="TPJZ"><a href=""><img src="img/2.3.png" id="TPDX2"></a></div>
                        <div><a href="" id="ZTDX">《寄生虫剧本》</a></div>
                        <div id="ZTDX5">￥148.00</div>
                    </div>
                    <div class="col-sm-3" >
                        <div id="TPJZ"><a href=""><img src="img/2.4.png" id="TPDX2"></a></div>
                        <div id="ZTDX"><a href="" id="ZTDX">稍息：1981-1984年的中国</a></div>
                        <div id="ZTDX5">￥298.00</div>
                    </div>
                    <div class="col-sm-2" >
                        <div id="TPJZ"><a href=""><img src="img/2.5.png" id="TPDX2"></a></div>
                        <div id="ZTDX"><a href="" id="ZTDX">DK艺术博物馆</a></div>
                        <div id="ZTDX5">￥249.00</div>
                    </div>
                    <div class="col-sm-3" >
                        <div id="TPJZ"><a href=""><img src="img/2.6.png" id="TPDX2"></a></div>
                        <div id="ZTDX"><a href="" id="ZTDX">匏瓜：读《史记孔子世家》</a></div>
                        <div id="ZTDX5">￥42.00</div>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div>&nbsp;</div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" id="BKX">
                        <span id="WZJC">电子图书</span>
                        <span>&nbsp;</span>
                        <a href="https://book.douban.com/latest?tag=%E5%85%A8%E9%83%A8" id="ZTDX">查看全部»</a>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" >
                        <span>热门电子图书</span>
                        <span>&nbsp;</span>
                        <a href="https://book.douban.com/latest?tag=%E5%85%A8%E9%83%A8" id="ZTDX">更多»</a>
                    </div>
                </div>
                <div class="row row-cols-5" >
                    <div class="col-sm-2" >
                        <div id="TPJZ"><a href=""><img src="img/3.1.jpg" id="TPDX2"></a></div>
                        <div><a href="" id="ZTDX">从零开始的女性</a></div>
                        <div id="ZTDX5">42.00元</div>
                    </div>
                    <div class="col-sm-2" >
                        <div id="TPJZ"><a href=""><img src="img/3.2.jpg" id="TPDX2"></a></div>
                        <div><a href="" id="ZTDX">煤气灯效应</a></div>
                        <div id="ZTDX5">9.99元</div>
                    </div>
                    <div class="col-sm-3" >
                        <div id="TPJZ"><a href=""><img src="img/3.3.jpg" id="TPDX2"></a></div>
                        <div><a href="" id="ZTDX">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;雪中悍刀行1</a></div>
                        <div id="ZTDX5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6.00元</div>
                    </div>
                    <div class="col-sm-2" >
                        <div id="TPJZ"><a href=""><img src="img/3.4.jpg" id="TPDX2"></a></div>
                        <div><a href="" id="ZTDX">第一人称单数</a></div>
                        <div id="ZTDX5">28.00元</div>
                    </div>
                    <div class="col-sm-3" >
                        <div id="TPJZ"><a href=""><img src="img/3.5.jpg" id="TPDX2"></a></div>
                        <div><a href="" id="ZTDX">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;抱住棒棒的自己</a></div>
                        <div id="ZTDX5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;46.00元</div>
                    </div>
                </div>
                <div class="row row-cols-5" >
                    <div class="col-sm-2" >
                        <div id="TPJZ"><a href=""><img src="img/3.6.jpg" id="TPDX2"></a></div>
                        <div><a href="" id="ZTDX">素食者</a></div>
                        <div id="ZTDX5">24.00元</div>
                    </div>
                    <div class="col-sm-2" >
                        <div id="TPJZ"><a href=""><img src="img/3.7.jpg" id="TPDX2"></a></div>
                        <div><a href="" id="ZTDX">午夜降临前抵达</a></div>
                        <div id="ZTDX5">35.40元</div>
                    </div>
                    <div class="col-sm-3" >
                        <div id="TPJZ"><a href=""><img src="img/3.8.jpg" id="TPDX2"></a></div>
                        <div><a href="" id="ZTDX">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一往无前</a></div>
                        <div id="ZTDX5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;19.99元</div>
                    </div>
                    <div class="col-sm-2" >
                        <div id="TPJZ"><a href=""><img src="img/3.9.jpg" id="TPDX2"></a></div>
                        <div><a href="" id="ZTDX">房思琪的初恋</a></div>
                        <div id="ZTDX5">9.99元</div>
                    </div>
                    <div class="col-sm-3" >
                        <div id="TPJZ"><a href=""><img src="img/3.10.jpg" id="TPDX2"></a></div>
                        <div><a href="" id="ZTDX">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;沙丘</a></div>
                        <div id="ZTDX5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9.99元</div>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" id="BKX">
                        <span id="WZJC">最受欢迎的书评</span>
                        <span>&nbsp;</span>
                        <a href="" id="ZTDX">更多热门书评» </a>
                        <span>&nbsp;&nbsp;&nbsp;</span>
                        <a href="" id="ZTDX">最新书评»</a>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div class="row row-cols-2" >
                    <div class="col-sm-2">
                        <div id="TPJZ"><a href=""><img src="img/4.1.jpg" id="TPDX3"></a></div>
                    </div>
                    <div class="col-sm-10" >
                        <div><a href="" id="WZDX1">无题</a></div>
                        <div>
                            <a href="" id="WZDX">萌新复读姬</a>
                            <span id="WZDX">评论</span>
                            <a href="" id="WZDX">《The Qїrghїz Baatïr and the Russian Empire》</a>
                            <span><img src="img/星星.png"></span>
                        </div>
                        <div id="ZTDX5">买了两次都莫名其妙地被海关拦了下来，所以只好购置Brill官网上的电子版来看的说。作者是日本学者秋山先生，本书实际上是他五年前出版的日文专著的改良译本。作者主要利用的是关于吉尔吉斯部族头人shabdan的各类...<a href="" id="ZTDX">(全文)</a></div>
                    </div>
                </div>
                <div id="BKX">&nbsp;</div>
                <div>&nbsp;</div>
                <div class="row row-cols-2" >
                    <div class="col-sm-2">
                        <div id="TPJZ"><a href=""><img src="img/4.2.jpg" id="TPDX3"></a></div>
                    </div>
                    <div class="col-sm-10" >
                        <div><a href="" id="WZDX1">《第一炉香》：乔琪乔为葛薇龙营造的一场快乐梦境</a></div>
                        <div>
                            <a href="" id="WZDX">李淑媛</a>
                            <span id="WZDX">评论</span>
                            <a href="" id="WZDX">《第一炉香》</a>
                            <span><img src="img/星星.png"></span>
                        </div>
                        <div id="ZTDX5">近日，随着电影版《第一炉香》的上映，围绕着电影中几位主演塑造的角色是否符合张爱玲原著中人物形象的问题，在各大网络平台均引起了广泛讨论，“第一炉香 第一炉钢”的话题更是冲上了微博热搜榜。看着网友对于马...<a href="" id="ZTDX">(全文)</a></div>
                    </div>
                </div>
                <div id="BKX">&nbsp;</div>
                <div>&nbsp;</div>
                <div class="row row-cols-2" >
                    <div class="col-sm-2">
                        <div id="TPJZ"><a href=""><img src="img/4.3.jpg" id="TPDX3"></a></div>
                    </div>
                    <div class="col-sm-10" >
                        <div><a href="" id="WZDX1">人生是一场花时间爱自己的旅行</a></div>
                        <div>
                            <a href="" id="WZDX">蛋布丁</a>
                            <span id="WZDX">评论</span>
                            <a href="" id="WZDX">《时间是良药》</a>
                            <span><img src="img/星星.png"></span>
                        </div>
                        <div id="ZTDX5">前两天看了一部关于原生家庭和女性成长题材的电影。 女孩从小父母离异，初中被送到纽约留学期间，父亲悄悄再婚并将生活重心转移到新婚家庭之上， 父女因此产生亲情的隔阂，女孩试图用工作去寻找人生的归属感，但...<a href="" id="ZTDX">(全文)</a></div>
                    </div>
                </div>
                <div id="BKX">&nbsp;</div>
                <div>&nbsp;</div>
                <div class="row row-cols-2" >
                    <div class="col-sm-2">
                        <div id="TPJZ"><a href=""><img src="img/4.4.jpg" id="TPDX3"></a></div>
                    </div>
                    <div class="col-sm-10" >
                        <div><a href="" id="WZDX1">七个短篇，七个迷案，剥丝抽茧，全员都是嫌疑人</a></div>
                        <div>
                            <a href="" id="WZDX">梦幻闻书香</a>
                            <span id="WZDX">评论</span>
                            <a href="" id="WZDX">《全员嫌疑人》</a>
                            <span><img src="img/星星.png"></span>
                        </div>
                        <div id="ZTDX5">“华生力似乎已经起效了，在华生力的作用下，三人的推理能力必定有了质的飞跃。” 初次看到“华生力”这个词，首先想到的就是福尔摩斯的助手华生，《全员嫌疑人》的主人公和户宋志给自己的特异功能命名为“华生力...<a href="" id="ZTDX">(全文)</a></div>
                    </div>
                </div>
            </div>
            <div class="col-sm-2" >
                <div class="row row-cols-1" >
                    <div class="col-sm-12" id="BKX">
                        <span id="ZTDX2">热门标签</span>
                        <span>&nbsp;</span>
                        <a href="https://book.douban.com/tag/?view=type&icn=index-sorttags-all" id="ZTDX">所有热门标签»</a>
                    </div>
                </div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" id="BKXX">
                        <div id="ZTDX3">文学</div>
                        <a href="" id="DJDX">小说</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">随笔</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">日本文学</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">散文</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">诗歌</a>
                        <div>
                        <a href="" id="DJDX">童话</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">名著</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">港台</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">更多»</a>
                        </div>
                    </div>
                </div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" id="BKXX">
                        <div id="ZTDX3">流行</div>
                        <a href="" id="DJDX">漫画</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">推理</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">绘本</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">青春</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">科幻</a>
                        <div>
                        <a href="" id="DJDX">言情</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">奇幻</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">武侠</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">更多»</a>
                        </div>
                    </div>
                </div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" id="BKXX">
                        <div id="ZTDX3">文化</div>
                        <a href="" id="DJDX">历史</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">哲学</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">传记</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">设计</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">建筑</a>
                        <div>
                        <a href="" id="DJDX">电影</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">回忆录</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">音乐</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">更多»</a>
                        </div>
                    </div>
                </div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" id="BKXX">
                        <div id="ZTDX3">生活</div>
                        <a href="" id="DJDX">旅行</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">励志</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">教育</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">职场</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">美食</a>
                        <div>
                        <a href="" id="DJDX">灵修</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">健康</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">家居</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">更多»</a>
                        </div>
                    </div>
                </div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" id="BKXX">
                        <div id="ZTDX3">经管</div>
                        <a href="" id="DJDX">经济学</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">管理</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">商业</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">金融</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">销售</a>
                        <div>
                        <a href="" id="DJDX">理财</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">股票</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">企业史</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">更多»</a>
                        </div>
                    </div>
                </div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" id="BKXX">
                        <div id="ZTDX3">科技</div>
                        <a href="" id="DJDX">科普</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">互联网</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">编程</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">设计</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">算法</a>
                        <div>
                        <a href="" id="DJDX">通信</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">神经网络</a>
                        <span>&nbsp;</span>
                        <a href="" id="DJDX">更多»</a>
                        </div>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" id="BKX">
                        <span id="WZJC">畅销图书榜</span>
                    </div>
                </div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" >
                        <div class="row row-cols-2" id="BKXX">
                            <div class="col-sm-8" >
                                <span>1.&nbsp;<a href="" id="WZDX1">蛤蟆去看心理医生</a></span>
                                <div id="WZDX">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[英] 罗伯特·戴博德</div>
                            </div>
                            <div class="col-sm-4" ><a href="" id="WZJZ">去购买</a></div>
                        </div>
                    </div>
                </div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" >
                        <div class="row row-cols-2" id="BKXX">
                            <div class="col-sm-8" >
                                <span>2.&nbsp;<a href="" id="WZDX1">百年孤独</a></span>
                                <div id="WZDX">&nbsp;&nbsp;&nbsp;&nbsp;加西亚·马尔克斯</div>
                            </div>
                            <div class="col-sm-4" ><a href="" id="WZJZ">去购买</a></div>
                        </div>
                    </div>
                </div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" >
                        <div class="row row-cols-2" id="BKXX">
                            <div class="col-sm-8" >
                                <span>3.&nbsp;<a href="" id="WZDX1">活着</a></span>
                                <div id="WZDX">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;余华</div>
                            </div>
                            <div class="col-sm-4" ><a href="" id="WZJZ">去购买</a></div>
                        </div>
                    </div>
                </div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" >
                        <div class="row row-cols-2" id="BKXX">
                            <div class="col-sm-8" >
                                <span>4.&nbsp;<a href="" id="WZDX1">目光</a></span>
                                <div id="WZDX">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;陶勇</div>
                            </div>
                            <div class="col-sm-4" ><a href="" id="WZJZ">去购买</a></div>
                        </div>
                    </div>
                </div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" >
                        <div class="row row-cols-2" id="BKXX">
                            <div class="col-sm-8" >
                                <span>5.<a href="" id="WZDX1">你像鸟飞往你的山</a></span>
                                <div id="WZDX">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[美] 塔拉·韦斯特弗</div>
                            </div>
                            <div class="col-sm-4" ><a href="" id="WZJZ">去购买</a></div>
                        </div>
                    </div>
                </div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" >
                        <div class="row row-cols-2" id="BKXX">
                            <div class="col-sm-8" >
                                <span>6.&nbsp;<a href="" id="WZDX1">被讨厌的勇气</a></span>
                                <div id="WZDX">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;岸见一郎/古贺史健</div>
                            </div>
                            <div class="col-sm-4" ><a href="" id="WZJZ">去购买</a></div>
                        </div>
                    </div>
                </div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" >
                        <div class="row row-cols-2" id="BKXX">
                            <div class="col-sm-8" >
                                <span>7.&nbsp;<a href="" id="WZDX1">置身事内</a></span>
                                <div id="WZDX">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;兰小欢</div>
                            </div>
                            <div class="col-sm-4" ><a href="" id="WZJZ">去购买</a></div>
                        </div>
                    </div>
                </div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" >
                        <div class="row row-cols-2" id="BKXX">
                            <div class="col-sm-8" >
                                <span>8.&nbsp;<a href="" id="WZDX1">人生海海</a></span>
                                <div id="WZDX">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;麦家</div>
                            </div>
                            <div class="col-sm-4" ><a href="" id="WZJZ">去购买</a></div>
                        </div>
                    </div>
                </div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" >
                        <div class="row row-cols-2" id="BKXX">
                            <div class="col-sm-8" >
                                <span>9.&nbsp;<a href="" id="WZDX1">次第花开</a></span>
                                <div id="WZDX">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;希阿荣博堪布</div>
                            </div>
                            <div class="col-sm-4" ><a href="" id="WZJZ">去购买</a></div>
                        </div>
                    </div>
                </div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" >
                        <div class="row row-cols-2" id="BKXX">
                            <div class="col-sm-8" >
                                <span>10.&nbsp;<a href="" id="WZDX1">底层逻辑</a></span>
                                <div id="WZDX">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;刘润</div>
                            </div>
                            <div class="col-sm-4" ><a href="" id="WZJZ">去购买</a></div>
                        </div>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" id="BKX">
                        <span id="ZTDX2">豆瓣图书250</span>
                        <span>&nbsp;</span>
                        <a href="https://book.douban.com/top250?icn=index-book250-all" id="ZTDX">更多»</a>
                    </div>
                </div>
                <div class="row row-cols-3" >
                    <div class="col-sm-4" >
                        <div id="TPJZ"><a href=""><img src="img/1.jpg" id="TPDX"></a></div>
                        <div><a href="" id="ZTDX">人类的群星闪耀时</a></div>
                    </div>
                    <div class="col-sm-4" >
                        <div id="TPJZ"><a href=""><img src="img/2.jpg" id="TPDX"></a></div>
                        <div><a href="" id="ZTDX">设计中的设计</a></div>
                    </div>
                    <div class="col-sm-4" >
                        <div id="TPJZ"><a href=""><img src="img/3.jpg" id="TPDX"></a></div>
                        <div id="ZTDX"><a href="" id="ZTDX">德米安</a></div>
                    </div>
                </div>
                <div class="row row-cols-3" >
                    <div class="col-sm-4" >
                        <div id="TPJZ"><a href=""><img src="img/4.jpg" id="TPDX"></a></div>
                        <div><a href="" id="ZTDX">不存在的骑士</a></div>
                    </div>
                    <div class="col-sm-4" >
                        <div id="TPJZ"><a href=""><img src="img/5.jpg" id="TPDX"></a></div>
                        <div><a href="" id="ZTDX">香水</a></div>
                    </div>
                    <div class="col-sm-4" >
                        <div id="TPJZ"><a href=""><img src="img/6.jpg" id="TPDX"></a></div>
                        <div id="ZTDX"><a href="" id="ZTDX">从一到无穷大</a></div>
                    </div>
                </div>
                <div class="row row-cols-3" >
                    <div class="col-sm-4" >
                        <div id="TPJZ"><a href=""><img src="img/7.jpg" id="TPDX"></a></div>
                        <div><a href="" id="ZTDX">最好的我们</a></div>
                    </div>
                    <div class="col-sm-4" >
                        <div id="TPJZ"><a href=""><img src="img/8.jpg" id="TPDX"></a></div>
                        <div><a href="" id="ZTDX">世界的凛冬</a></div>
                    </div>
                    <div class="col-sm-4" >
                        <div id="TPJZ"><a href=""><img src="img/9.jpg" id="TPDX"></a></div>
                        <div id="ZTDX"><a href="" id="ZTDX">野草</a></div>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" id="BKX">
                        <span id="ZTDX2">联系我们</span>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" >
                        合作：<span id="ZTDX2">book@douban.com</span>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" id="BKX">
                        <span id="ZTDX2">关注我们</span>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div class="row row-cols-3" >
                    <div class="col-sm-4" >
                        <div id="TPJZ"><a href=""><img src="img/douban.png"></a></div>
                        <div><a href="" id="ZTDX">豆瓣小站</a></div>
                    </div>
                    <div class="col-sm-4" >
                        <div id="TPJZ"><a href=""><img src="img/wb.png"></a></div>
                        <div><a href="" id="ZTDX">&nbsp;&nbsp;&nbsp;&nbsp;微博</a></div>
                    </div>
                    <div class="col-sm-4" >
                        <div id="TPJZ"><a href=""><img src="img/wx.png"></a></div>
                        <div id="ZTDX"><a href="" id="ZTDX">&nbsp;&nbsp;&nbsp;&nbsp;微信</a></div>
                    </div>
                </div>
                <div>&nbsp;</div>
                <div class="row row-cols-1" >
                    <div class="col-sm-12" >
                        <a href=""><img src="img/月.png" id="YUE"></a>
                    </div>
                </div>
            </div>
            <div class="col-sm-2" ></div>
        </div>
        <div id="KKD">&nbsp;</div>
        <div class="row row-cols-3" >
            <div class="col-sm-2" ></div>
            <div class="col-sm-8" id="SBXX">
                <div class="row row-cols-2" >
                    <div class="col-sm-5" >
                        <span id="WZDX">© 2005－2022 douban.com, all rights reserved 北京豆网科技有限公司</span>
                    </div>
                    <div class="col-sm-7" >
                        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                        <a href="" id="ZTDX">关于豆瓣</a>
                        <a href="" id="ZTDX">在豆瓣工作</a>
                        <a href="" id="ZTDX">联系我们</a>
                        <a href="" id="ZTDX">法律声明</a>
                        <a href="" id="ZTDX">帮助中心</a>
                        <a href="" id="ZTDX">图书馆合作</a>
                        <a href="" id="ZTDX">移动应用</a>
                        <a href="" id="ZTDX">豆瓣广告</a>
                    </div>
                </div>
            </div>
            <div class="col-sm-2" ></div>
        </div>        
    </div>
    <script src="js/swiper-bundle.min.js"></script>
    <script src="js/book.js"></script>
  </body>
</html>